<template>
  <div class="box-wrapper hover-style">
    <div class="box">
      {{content}}
    </div>
  </div>
</template>
<script>

export default {
  props: {
   
    content: {
      type: String
    },
  }
}
</script>
<style lang="stylus" scoped>
@import '~@/assets/styles/variables'
  .box-wrapper
    min-width 80px
    .box
      display: flex
      width:100%;
      height:48px;
      background:linear-gradient(0deg,rgba(238,238,238,1),rgba(255,255,255,1));
      border:1px solid rgba(219, 211, 211, 1);
      box-shadow:0px 3px 6px 0px rgba(0, 0, 0, 0.1);
      box-sizing border-box
      border-radius:4px;
      flex-direction column
      align-items center
      justify-content space-around
      
      
</style>
